<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<title></title>
		<script src="js/jquery/jquery-1.11.3.min.js"></script>
		<script src="js/layui/layui.all.js"></script>
		<script type="text/javascript">
			console.log(layer)
			//询问框
			function alterLayui() {
				layer.confirm('您是如何看待前端开发？', {
					btn: ['重要', '奇葩'] //按钮
				}, function() {
					// 点击第一个按钮触发的函数
					layer.msg('的确很重要', {
						icon: 1
					});
				}, function() {
					// 点击第二个按钮出发的函数
					layer.msg('也可以这样', {
						time: 20000, //20s后自动关闭
						btn: ['明白了', '知道了']
					});
				});
			}

			window.onload = function() {
				setTimeout(function() {
					alterLayui();
				}, 2000)
			}
		</script>
	</head>

	<body>
		<button id="btn">弹框</button>
	</body>

</html>